<html class="h-full light" data-theme="true" lang="en" data-theme-mode="system"><head>
    <title>查询界面 - 仓湖数字应用开发引擎</title>
    <meta charset="utf-8">
    <link href="//keenthemes.com/static/metronic/tailwind/dist/assets/media/app/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
    <link href="//keenthemes.com/static/metronic/tailwind/dist/assets/media/app/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
    <link href="//keenthemes.com/static/metronic/tailwind/dist/assets/media/app/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
    <link href="//keenthemes.com/static/metronic/tailwind/dist/assets/media/app/favicon.ico" rel="shortcut icon">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
    <link href="/app/assets/fonts/keenicons/styles.bundle.css" rel="stylesheet">
    <link href="/app/assets/css/style.css" rel="stylesheet">
</head>

<body class="antialiased flex h-full text-base text-gray-700 [--tw-page-bg:#fefefe] [--tw-page-bg-dark:var(--tw-coal-500)] demo1 sidebar-fixed header-fixed bg-[--tw-page-bg] dark:bg-[--tw-page-bg-dark]">
    <!-- 夜间模式 ⬇️ -->
    <script>
        const defaultThemeMode = 'light'; // light|dark|system
        let themeMode;

        if (document.documentElement) {
            if (localStorage.getItem('theme')) {
                themeMode = localStorage.getItem('theme');
            } else if (document.documentElement.hasAttribute('data-theme-mode')) {
                themeMode = document.documentElement.getAttribute('data-theme-mode');
            } else {
                themeMode = defaultThemeMode;
            }

            if (themeMode === 'system') {
                themeMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
            }

            document.documentElement.classList.add(themeMode);
        }
    </script>
    <!-- 夜间模式 ⬆️ -->
    <!-- 页面内容 ⬇️ -->
    <!-- 主视图 ⬇️⬇️ -->
    <div class="flex grow">
        <!-- 边栏菜单 ⬇️ -->
        <div class="sidebar dark:bg-coal-600 bg-light fixed hidden lg:flex flex-col" data-drawer="true" data-drawer-class="drawer drawer-start top-0 bottom-0" data-drawer-enable="true|lg:false" id="sidebar">
            <div class="sidebar-content flex grow shrink-0 py-5 pr-2" id="sidebar_content">
                <div class="scrollable-y-hover grow shrink-0 flex pl-2 lg:pl-5 pr-1 lg:pr-3" data-scrollable="true" data-scrollable-dependencies="#sidebar_header" data-scrollable-height="auto" data-scrollable-offset="0px" data-scrollable-wrappers="#sidebar_content" id="sidebar_scrollable" style="height: 902px;">
                    <!-- 菜单选项 ⬇️ -->
                    <div class="menu flex flex-col grow gap-0.5" data-menu="true" data-menu-accordion-expand-all="false" id="sidebar_menu">
                        <div class="menu-item menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
                            <div class="menu-accordion gap-0.5 pl-[10px] relative before:absolute before:left-[20px] before:top-0 before:bottom-0 before:border-l before:border-gray-200">
                                <div class="menu-item menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
                                    <div class="menu-link border border-transparent grow cursor-pointer gap-[14px] pl-[10px] pr-[10px] py-[8px]" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal mr-1 text-gray-800 menu-item-active:text-primary menu-item-active:font-medium menu-link-hover:!text-primary">
                                            Classic
                                        </span>
                                        <span class="menu-arrow text-gray-400 w-[20px] shrink-0 justify-end ml-1 mr-[-10px]">
                                            <i class="ki-filled ki-plus text-2xs menu-item-show:hidden">
                                            </i>
                                            <i class="ki-filled ki-minus text-2xs hidden menu-item-show:inline-flex">
                                            </i>
                                        </span>
                                    </div>
                                    <div class="menu-accordion gap-0.5 relative before:absolute before:left-[32px] pl-[22px] before:top-0 before:bottom-0 before:border-l before:border-gray-200">
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/sign-in" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Sign In
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/sign-up" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Sign Up
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/2fa" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    2FA
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/check-email" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Check Email
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
                                            <div class="menu-link border border-transparent grow cursor-pointer gap-[5px] pl-[10px] pr-[10px] py-[8px]" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal mr-1 text-gray-800 menu-item-active:text-primary menu-item-active:font-medium menu-link-hover:!text-primary">
                                                    Reset Password
                                                </span>
                                                <span class="menu-arrow text-gray-400 w-[20px] shrink-0 justify-end ml-1 mr-[-10px]">
                                                    <i class="ki-filled ki-plus text-2xs menu-item-show:hidden">
                                                    </i>
                                                    <i class="ki-filled ki-minus text-2xs hidden menu-item-show:inline-flex">
                                                    </i>
                                                </span>
                                            </div>
                                            <div class="menu-accordion gap-0.5 relative before:absolute before:left-[32px] pl-[22px] before:top-0 before:bottom-0 before:border-l before:border-gray-200">
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/reset-password/enter-email" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Enter Email
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/reset-password/check-email" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Check Email
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/reset-password/change-password" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Change Password
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/classic/reset-password/password-changed" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Password is Changed
                                                        </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="menu-item menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
                                    <div class="menu-link border border-transparent grow cursor-pointer gap-[14px] pl-[10px] pr-[10px] py-[8px]" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal mr-1 text-gray-800 menu-item-active:text-primary menu-item-active:font-medium menu-link-hover:!text-primary">
                                            Branded
                                        </span>
                                        <span class="menu-arrow text-gray-400 w-[20px] shrink-0 justify-end ml-1 mr-[-10px]">
                                            <i class="ki-filled ki-plus text-2xs menu-item-show:hidden">
                                            </i>
                                            <i class="ki-filled ki-minus text-2xs hidden menu-item-show:inline-flex">
                                            </i>
                                        </span>
                                    </div>
                                    <div class="menu-accordion gap-0.5 relative before:absolute before:left-[32px] pl-[22px] before:top-0 before:bottom-0 before:border-l before:border-gray-200">
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/sign-in" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Sign In
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/sign-up" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Sign Up
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/2fa" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    2FA
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item">
                                            <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/check-email" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                    Check Email
                                                </span>
                                            </a>
                                        </div>
                                        <div class="menu-item menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
                                            <div class="menu-link border border-transparent grow cursor-pointer gap-[5px] pl-[10px] pr-[10px] py-[8px]" tabindex="0">
                                                <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                </span>
                                                <span class="menu-title text-2sm font-normal mr-1 text-gray-800 menu-item-active:text-primary menu-item-active:font-medium menu-link-hover:!text-primary">
                                                    Reset Password
                                                </span>
                                                <span class="menu-arrow text-gray-400 w-[20px] shrink-0 justify-end ml-1 mr-[-10px]">
                                                    <i class="ki-filled ki-plus text-2xs menu-item-show:hidden">
                                                    </i>
                                                    <i class="ki-filled ki-minus text-2xs hidden menu-item-show:inline-flex">
                                                    </i>
                                                </span>
                                            </div>
                                            <div class="menu-accordion gap-0.5 relative before:absolute before:left-[32px] pl-[22px] before:top-0 before:bottom-0 before:border-l before:border-gray-200">
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/reset-password/enter-email" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Enter Email
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/reset-password/check-email" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Check Email
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/reset-password/change-password" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Change Password
                                                        </span>
                                                    </a>
                                                </div>
                                                <div class="menu-item">
                                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[5px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/branded/reset-password/password-changed" tabindex="0">
                                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                                        </span>
                                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                                            Password is Changed
                                                        </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/welcome-message" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                            Welcome Message
                                        </span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/account-deactivated" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                            Account Deactivated
                                        </span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/error-404" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                            Error 404
                                        </span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="/metronic/tailwind/demo1/authentication/error-500" tabindex="0">
                                        <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
                                        </span>
                                        <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">
                                            Error 500
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item pt-2.25 pb-px">
                            <span class="menu-heading uppercase text-2sm font-medium text-gray-500 pl-[10px] pr-[10px]">系统用户</span>
                        </div>
                        <div class="menu-item">
                            <div class="menu-label border border-transparent gap-[10px] pl-[10px] pr-[10px] py-[6px]" href="" tabindex="0">
                                <span class="menu-icon items-start text-gray-500 dark:text-gray-400 w-[20px]">
                                    <i class="ki-filled ki-users text-lg">
                                    </i>
                                </span>
                                <span class="menu-title text-sm font-medium text-gray-800">用户检索</span>
                                <span class="menu-badge mr-[-10px]">
                                    <span class="badge badge-xs">
                                        Soon
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="menu-item">
                            <div class="menu-label border border-transparent gap-[10px] pl-[10px] pr-[10px] py-[6px]" href="" tabindex="0">
                                <span class="menu-icon items-start text-gray-500 dark:text-gray-400 w-[20px]">
                                    <i class="ki-filled ki-user-tick text-lg">
                                    </i>
                                </span>
                                <span class="menu-title text-sm font-medium text-gray-800">用户添加</span>
                                <span class="menu-badge mr-[-10px]">
                                    <span class="badge badge-xs">
                                        Soon
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="menu-item">
                            <div class="menu-label border border-transparent gap-[10px] pl-[10px] pr-[10px] py-[6px]" href="" tabindex="0">
                                <span class="menu-icon items-start text-gray-500 dark:text-gray-400 w-[20px]">
                                    <i class="ki-filled ki-questionnaire-tablet text-lg">
                                    </i>
                                </span>
                                <span class="menu-title text-sm font-medium text-gray-800">批量注册</span>
                                <span class="menu-badge mr-[-10px]">
                                    <span class="badge badge-xs">
                                        Soon
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="menu-item here menu-item-accordion" data-menu-item-toggle="accordion" data-menu-item-trigger="click">
        <div class="menu-link flex items-center grow cursor-pointer border border-transparent gap-[10px] pl-[10px] pr-[10px] py-[6px]" tabindex="0">
         <span class="menu-icon items-start text-gray-500 dark:text-gray-400 w-[20px]">
          <i class="ki-filled ki-security-user text-lg">
          </i>
         </span>
         <span class="menu-title text-sm font-medium text-gray-800 menu-item-active:text-primary menu-link-hover:!text-primary">系统用户管理</span>
         <span class="menu-arrow text-gray-400 w-[20px] shrink-0 justify-end ml-1 mr-[-10px]">
          <i class="ki-filled ki-plus text-2xs menu-item-show:hidden">
          </i>
          <i class="ki-filled ki-minus text-2xs hidden menu-item-show:inline-flex">
          </i>
         </span>
        </div>
        <div class="menu-accordion gap-0.5 pl-[10px] relative before:absolute before:left-[20px] before:top-0 before:bottom-0 before:border-l before:border-gray-200" style="height: 0px;">
         
         
         <div class="menu-item active">
          <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="#" tabindex="0">
           <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
           </span>
           <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">用户查询</span>
          </a>
         </div>
         <div class="menu-item">
          <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="#" tabindex="0">
           <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
           </span>
           <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">用户注册</span>
          </a>
         </div>
         <div class="menu-item">
          <a class="menu-link border border-transparent items-center grow menu-item-active:bg-secondary-active dark:menu-item-active:bg-coal-300 dark:menu-item-active:border-gray-100 menu-item-active:rounded-lg hover:bg-secondary-active dark:hover:bg-coal-300 dark:hover:border-gray-100 hover:rounded-lg gap-[14px] pl-[10px] pr-[10px] py-[8px]" href="#" tabindex="0">
           <span class="menu-bullet flex w-[6px] relative before:absolute before:top-0 before:size-[6px] before:rounded-full before:-translate-x-1/2 before:-translate-y-1/2 menu-item-active:before:bg-primary menu-item-hover:before:bg-primary">
           </span>
           <span class="menu-title text-2sm font-normal text-gray-800 menu-item-active:text-primary menu-item-active:font-semibold menu-link-hover:!text-primary">批量导入</span>
          </a>
         </div>
         
        </div>
       </div>
                    </div>
                    <!-- 菜单选项 ⬆️ -->
                </div>
            </div>
        </div>
        <!-- 边栏菜单 ⬆️ -->
        <!-- 内框架 ⬇️ -->
        <div class="wrapper flex grow flex-col">
            <!-- 嵌套内容 ⬇️ -->
            <main class="grow content pt-5" id="content" role="content">
                <!-- 模块主体容器 ⬇️ -->
                <div class="container-fixed">
                    <div class="grid gap-5 lg:gap-7.5">
                        <div class="card card-grid min-w-full">
                            <div class="card-header flex-wrap">

                                <div class="flex flex-wrap lg:gap-5">
                                    <div class="flex">
                                        <label class="input input-sm">
                                            <i class="ki-filled ki-magnifier">
                                            </i>
                                            <input placeholder="通过用户名/手机号检索用户" type="text" value="">

                                        </label>
                                    </div>
                                    <div class="flex flex-wrap gap-2.5">
                                        <select class="select select-sm w-28">
                                            <option value="1">已启用</option>
                                            <option value="2">已停用</option>
                                            <option value="3">未激活</option>
                                        </select>

                                        <button class="btn btn-sm btn-outline btn-primary">
                                            <i class="ki-filled ki-setting-4">
                                            </i>筛选</button>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div data-datatable="true" data-datatable-page-size="10" class="datatable-initialized">
                                    <div class="scrollable-x-auto">
                                        <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" data-datatable-spinner="true" style="display: none;">
                                                <div class="flex items-center gap-2 px-4 py-2 font-medium leading-none text-2sm border border-gray-200 shadow-default rounded-md text-gray-500 bg-light">
                                                    <svg class="animate-spin -ml-1 h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                                                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3"></circle>
                                                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
                                                        </path>
                                                    </svg>
                                                    Loading...
                                                </div>
                                            </div><table class="table table-auto table-border" data-datatable-table="true">
                                            <thead>
                                                <tr>
                                                    <th class="w-[60px] text-center">
                                                        <input class="checkbox checkbox-sm" data-datatable-check="true" type="checkbox">
                                                    </th>
                                                    <th class="min-w-[300px]">
                                                        <span class="sort desc">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                Subscriber
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                    <th class="min-w-[200px]">
                                                        <span class="sort asc">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                Products
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                    <th class="min-w-[175px]">
                                                        <span class="sort">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                License
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                    <th class="min-w-[175px]">
                                                        <span class="sort">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                Last Payment
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                    <th class="min-w-[137px]">
                                                        <span class="sort">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                Enforce 2FA
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                    <th class="w-28 text-center">
                                                        <span class="sort">
                                                            <span class="sort-label font-normal text-gray-700">
                                                                Invoices
                                                            </span>
                                                            <span class="sort-icon">
                                                            </span>
                                                        </span>
                                                    </th>
                                                </tr>
                                            </thead>
                                            
                                            <tbody>
                                                <tr>
                                                    <td class="text-center"><input class="checkbox checkbox-sm" data-datatable-row-check="true" type="checkbox" value="10">
                                                    </td>
                                                    <td>
                                                        <div class="flex items-center gap-2.5">
                                                            <img alt="" class="rounded-full size-7 shrink-0" src="//keenthemes.com/static/metronic/tailwind/dist/assets/media/avatars/300-18.png">
                                                            <div class="flex flex-col">
                                                                <a class="text-sm font-medium text-gray-900 hover:text-primary-active mb-px" href="#">
                                                                    Ronald Richards
                                                                </a>
                                                                <a class="text-2sm text-gray-700 font-normal hover:text-primary-active" href="#">
                                                                    ronald.richards@gmail.com
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-wrap gap-1.5">
                                                            <span class="badge badge-sm">
                                                                Artwork
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                Design
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                Plugin
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-col">
                                                            <span class="text-sm text-gray-800 font-medium">
                                                                Premium
                                                            </span>
                                                            <span class="text-xs text-gray-600">
                                                                3 months left
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="text-gray-800 font-medium">15 Jun, 2024</td>
                                                    <td><label class="switch switch-sm">
                                                            <input type="checkbox" value="1">
                                                        </label></td>
                                                    <td>
                                                        <div class="flex justify-center">
                                                            <a class="btn btn-link" href="">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center"><input class="checkbox checkbox-sm" data-datatable-row-check="true" type="checkbox" value="6">
                                                    </td>
                                                    <td>
                                                        <div class="flex items-center gap-2.5">
                                                            <img alt="" class="rounded-full size-7 shrink-0" src="//keenthemes.com/static/metronic/tailwind/dist/assets/media/avatars/300-4.png">
                                                            <div class="flex flex-col">
                                                                <a class="text-sm font-medium text-gray-900 hover:text-primary-active mb-px" href="#">
                                                                    Robert Fox
                                                                </a>
                                                                <a class="text-2sm text-gray-700 font-normal hover:text-primary-active" href="#">
                                                                    robert.fox@gmail.com
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-wrap gap-1.5">
                                                            <span class="badge badge-sm">
                                                                Design
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                Widget
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-col">
                                                            <span class="text-sm text-gray-800 font-medium">
                                                                Trial
                                                            </span>
                                                            <span class="text-xs text-gray-600">
                                                                5 days left
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="text-gray-800 font-medium">17 Mar, 2024</td>
                                                    <td><label class="switch switch-sm">
                                                            <input type="checkbox" value="1">
                                                        </label></td>
                                                    <td>
                                                        <div class="flex justify-center">
                                                            <a class="btn btn-link" href="">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center"><input class="checkbox checkbox-sm" data-datatable-row-check="true" type="checkbox" value="28">
                                                    </td>
                                                    <td>
                                                        <div class="flex items-center gap-2.5">
                                                            <img alt="" class="rounded-full size-7 shrink-0" src="//keenthemes.com/static/metronic/tailwind/dist/assets/media/avatars/300-28.png">
                                                            <div class="flex flex-col">
                                                                <a class="text-sm font-medium text-gray-900 hover:text-primary-active mb-px" href="#">
                                                                    Olivia Green
                                                                </a>
                                                                <a class="text-2sm text-gray-700 font-normal hover:text-primary-active" href="#">
                                                                    olivia.green@gmail.com
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-wrap gap-1.5">
                                                            <span class="badge badge-sm">
                                                                Plugin
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                Artwork
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-col">
                                                            <span class="text-sm text-gray-800 font-medium">
                                                                Premium
                                                            </span>
                                                            <span class="text-xs text-gray-600">
                                                                8 months left
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="text-gray-800 font-medium">05 Dec, 2024</td>
                                                    <td><label class="switch switch-sm">
                                                            <input type="checkbox" value="1">
                                                        </label></td>
                                                    <td>
                                                        <div class="flex justify-center">
                                                            <a class="btn btn-link" href="">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center"><input class="checkbox checkbox-sm" data-datatable-row-check="true" type="checkbox" value="31">
                                                    </td>
                                                    <td>
                                                        <div class="flex items-center gap-2.5">
                                                            <img alt="" class="rounded-full size-7 shrink-0" src="//keenthemes.com/static/metronic/tailwind/dist/assets/media/avatars/300-31.png">
                                                            <div class="flex flex-col">
                                                                <a class="text-sm font-medium text-gray-900 hover:text-primary-active mb-px" href="#">
                                                                    Matthew Martinez
                                                                </a>
                                                                <a class="text-2sm text-gray-700 font-normal hover:text-primary-active" href="#">
                                                                    matthew.martinez@gmail.com
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-wrap gap-1.5">
                                                            <span class="badge badge-sm">
                                                                NFT
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                App
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-col">
                                                            <span class="text-sm text-gray-800 font-medium">
                                                                Premium
                                                            </span>
                                                            <span class="text-xs text-gray-600">
                                                                6 months left
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="text-gray-800 font-medium">28 Mar, 2024</td>
                                                    <td><label class="switch switch-sm">
                                                            <input checked="" type="checkbox" value="1">
                                                        </label></td>
                                                    <td>
                                                        <div class="flex justify-center">
                                                            <a class="btn btn-link" href="">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center"><input class="checkbox checkbox-sm" data-datatable-row-check="true" type="checkbox" value="13">
                                                    </td>
                                                    <td>
                                                        <div class="flex items-center gap-2.5">
                                                            <img alt="" class="rounded-full size-7 shrink-0" src="//keenthemes.com/static/metronic/tailwind/dist/assets/media/avatars/300-8.png">
                                                            <div class="flex flex-col">
                                                                <a class="text-sm font-medium text-gray-900 hover:text-primary-active mb-px" href="#">
                                                                    Mason Taylor
                                                                </a>
                                                                <a class="text-2sm text-gray-700 font-normal hover:text-primary-active" href="#">
                                                                    mason.taylor@gmail.com
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-wrap gap-1.5">
                                                            <span class="badge badge-sm">
                                                                NFT
                                                            </span>
                                                            <span class="badge badge-sm">
                                                                Artwork
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="flex flex-col">
                                                            <span class="text-sm text-gray-800 font-medium">
                                                                Premium
                                                            </span>
                                                            <span class="text-xs text-gray-600">
                                                                5 months left
                                                            </span>
                                                        </div>
                                                    </td>
                                                    <td class="text-gray-800 font-medium">09 Sep, 2024</td>
                                                    <td><label class="switch switch-sm">
                                                            <input checked="" type="checkbox" value="1">
                                                        </label></td>
                                                    <td>
                                                        <div class="flex justify-center">
                                                            <a class="btn btn-link" href="">
                                                                Download
                                                            </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="card-footer justify-center md:justify-between flex-col md:flex-row gap-5 text-gray-600 text-2sm font-medium">
                                        <div class="flex items-center gap-2 order-2 md:order-1">每页显示<select class="select select-sm w-16" data-datatable-size="true" name="perpage">
                                                <option value="5">5</option>
                                                <option value="10">10</option>
                                                <option value="20">20</option>
                                                <option value="30">30</option>
                                                <option value="50">50</option>
                                            </select>行</div>
                                        <div class="flex items-center gap-4 order-1 md:order-2">

                                            <div class="pagination" data-datatable-pagination="true">
                                                <div class="pagination"><button class="btn"><i class="ki-outline ki-black-left"></i></button><button class="btn">1</button><button class="btn active disabled" disabled="">2</button><button class="btn">3</button><button class="btn">...</button><button class="btn"><i class="ki-outline ki-black-right"></i></button></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 模块主体容器 ⬆️ -->
            </main>
            <!-- 页面内容 ⬆️ -->
            <!-- 页面底部 ⬇️ -->
            <footer class="footer">
              <!-- 容器 ⬇️ -->
              <div class="container-fixed">
                <div class="flex flex-col md:flex-row justify-center md:justify-between items-center gap-3 py-5">
                  <div class="flex order-2 md:order-1 gap-2 font-normal text-2sm">
                    <span class="text-gray-500"> 2024© </span>
                    <a class="text-gray-600 hover:text-primary" href="#">
                      Lee Studio.
                    </a>
                  </div>
                  <nav class="flex order-1 md:order-2 gap-4 font-normal text-2sm text-gray-600">
                    <a class="hover:text-primary" href="#"> 文档 </a>
                    <a class="hover:text-primary" href="#"> 支持 </a>
                    <a class="hover:text-primary" href="#"> 授权 </a>
                  </nav>
                </div>
              </div>
              <!-- 容器 ⬆️ -->
            </footer>
            <!-- 页面底部 ⬆️ -->
          </div>
          <!-- 内框架 ⬆️ -->
        </div>
        <!-- 主视图 ⬆️⬆️ -->
        <!-- 弹窗类 ⬇️⬇️ -->
        <!-- 弹窗类 ⬆️⬆️ -->
        <!-- 页面内容 ⬆️ -->
        <!-- 脚本引用 ⬇️ -->
        <script src="/app/assets/script/core.bundle.js"></script>
        <!-- 引入 Vue.js -->
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.4.9/vue.global.prod.min.js"></script>
        <!-- 引入 Vuex.js -->
        <script src="https://cdn.jsdelivr.net/npm/vuex@4.1.0/dist/vuex.global.prod.min.js"></script>
        <!-- 引入 app.js -->
        <script src="assets/script/api.js"></script>
        <!-- 引入 widgets -->
        <script src="/app/assets/script/widgets/general.js"></script>
        <script src="/app/assets/script/layouts/style.js"></script>
        <!-- 脚本引入 ⬆️ -->


    <svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;">
        <defs id="SvgjsDefs1002"></defs>
        <polyline id="SvgjsPolyline1003" points="0,0"></polyline>
        <path id="SvgjsPath1004" d="M0 0 "></path>
    </svg>
    <div></div>
    <div style="position: fixed; width: 28px; left: 0px; top: 0px; height: 28px; cursor: pointer; will-change: transform; font-size: 0px; z-index: 2147483647 !important; display: none;">
        <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="0.5" y="0.5" width="27" height="27" rx="5.5" fill="white"></rect>
            <path d="M16.5 19L14.1564 14.6734M12.309 11.2628L10 6.99997M11.5 19L18 6.99997M12 17.5C12 18.8807 10.8807 20 9.5 20C8.11929 20 7 18.8807 7 17.5C7 16.1193 8.11929 15 9.5 15C10.8807 15 12 16.1193 12 17.5ZM21 17.5C21 18.8807 19.8807 20 18.5 20C17.1193 20 16 18.8807 16 17.5C16 16.1193 17.1193 15 18.5 15C19.8807 15 21 16.1193 21 17.5Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <rect x="0.5" y="0.5" width="27" height="27" rx="5.5" stroke="#CCCCCC"></rect>
        </svg>
    </div>


<div></div><div style="position: fixed; width: 28px; left: 0px; top: 0px; height: 28px; cursor: pointer; will-change: transform; font-size: 0px; z-index: 2147483647 !important; display: none;"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="27" height="27" rx="5.5" fill="white"></rect><path d="M16.5 19L14.1564 14.6734M12.309 11.2628L10 6.99997M11.5 19L18 6.99997M12 17.5C12 18.8807 10.8807 20 9.5 20C8.11929 20 7 18.8807 7 17.5C7 16.1193 8.11929 15 9.5 15C10.8807 15 12 16.1193 12 17.5ZM21 17.5C21 18.8807 19.8807 20 18.5 20C17.1193 20 16 18.8807 16 17.5C16 16.1193 17.1193 15 18.5 15C19.8807 15 21 16.1193 21 17.5Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><rect x="0.5" y="0.5" width="27" height="27" rx="5.5" stroke="#CCCCCC"></rect></svg></div></body></html>